@charset "UTF-8";

/* =============================================================
 common.css
 =============================================================== */


.nojs {
	color: #494949;
}
/*.pagetop {
	clear: both;
	text-align: right;
}*/

/* clear
---------------------------------------------------------------- */
.clear {
	clear: both;
}
.clear01 {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* color
---------------------------------------------------------------- */
.text900 { color: #990000; }
.text999 { color: #999999; }
.text666 { color: #666666; }
.textc00 { color: #CC0000; }
.textcolored { color: #663333; }
.textaccent {
	color: #7C6E42;
	font-weight: bold;
}
.textorange {
	color: #E64C01;
}
.textnormal { font-weight: normal; }
.textleft { text-align: left; }
.textright { text-align: right; }
.textcenter { text-align: center; }
.textindent {
	padding-left: 1em;
	text-indent: -1em;
}

/* font-size （Default size 12px）
---------------------------------------------------------------- */
/*
.font10px { font-size: 84%; }
.font11px { font-size: 92%; }
.font12px { font-size: 100%; }
.font13px { font-size: 109%; }
.font14px { font-size: 117%; }
.font15px { font-size: 125%; }
.font16px { font-size: 134%; }
.font17px { font-size: 142%; }
.font18px { font-size: 150%; }
.font19px { font-size: 159%; }
.font20px { font-size: 167%; }
.font21px { font-size: 175%; }
.font22px { font-size: 184%; }
.font23px { font-size: 192%; }
.font24px { font-size: 200%; }
.font25px { font-size: 209%; }
.font26px { font-size: 217%; }
*/

/* font-size （Default size 13px）
---------------------------------------------------------------- */
.font10px { font-size: 77%; }
.font11px { font-size: 85%; }
.font12px { font-size: 93%; }
.font13px { font-size: 100%; }
.font14px { font-size: 108%; }
.font15px { font-size: 116%; }
.font16px { font-size: 123.1%; }
.font17px { font-size: 131%; }
.font18px { font-size: 138.5%; }
.font19px { font-size: 146.5%; }
.font20px { font-size: 153.9%; }
.font21px { font-size: 161.6%; }
.font22px { font-size: 167%; }
.font23px { font-size: 174%; }
.font24px { font-size: 182%; }
.font25px { font-size: 189%; }
.font26px { font-size: 197%; }

/* padding
---------------------------------------------------------------- */
.pd00t { padding-top: 0px; }
.pd05t { padding-top: 5px; }
.pd10t { padding-top: 10px; }
.pd15t { padding-top: 15px; }
.pd20t { padding-top: 20px; }
.pd25t { padding-top: 25px; }
.pd30t { padding-top: 30px; }
.pd00r { padding-right: 0px; }
.pd05r { padding-right: 5px; }
.pd10r { padding-right: 10px; }
.pd15r { padding-right: 15px; }
.pd20r { padding-right: 20px; }
.pd25r { padding-right: 25px; }
.pd30r { padding-right: 30px; }
.pd00b { padding-bottom: 0px; }
.pd05b { padding-bottom: 5px; }
.pd10b { padding-bottom: 10px; }
.pd15b { padding-bottom: 15px; }
.pd20b { padding-bottom: 20px; }
.pd25b { padding-bottom: 25px; }
.pd30b { padding-bottom: 30px; }
.pd00l { padding-left: 0px; }
.pd05l { padding-left: 5px; }
.pd10l { padding-left: 10px; }
.pd15l { padding-left: 15px; }
.pd20l { padding-left: 20px; }
.pd25l { padding-left: 25px; }
.pd30l { padding-left: 30px; }

/* margin
---------------------------------------------------------------- */
.mg00t { margin-top: 0px; }
.mg05t { margin-top: 5px; }
.mg10t { margin-top: 10px; }
.mg15t { margin-top: 15px; }
.mg20t { margin-top: 20px; }
.mg25t { margin-top: 25px; }
.mg30t { margin-top: 30px; }
.mg00r { margin-right: 0px; }
.mg05r { margin-right: 5px; }
.mg10r { margin-right: 10px; }
.mg15r { margin-right: 15px; }
.mg20r { margin-right: 20px; }
.mg25r { margin-right: 25px; }
.mg30r { margin-right: 30px; }
.mg00b { margin-bottom: 0px; }
.mg05b { margin-bottom: 5px; }
.mg10b { margin-bottom: 10px; }
.mg15b { margin-bottom: 15px; }
.mg20b { margin-bottom: 20px; }
.mg25b { margin-bottom: 25px; }
.mg30b { margin-bottom: 30px; }
.mg40b { margin-bottom: 40px; }
.mg50b { margin-bottom: 50px; }
.mg00l { margin-left: 0px; }
.mg05l { margin-left: 5px; }
.mg10l { margin-left: 10px; }
.mg15l { margin-left: 15px; }
.mg20l { margin-left: 20px; }
.mg25l { margin-left: 25px; }
.mg30l { margin-left: 30px; }

/* table
---------------------------------------------------------------- */
table.bordernone-table ,
table.bordernone-table th,
table.bordernone-table td {
	border: none;
	vertical-align: top;
}

/* ul ol
---------------------------------------------------------------- */
ul.disc {
	list-style: disc;
	margin-left: 1.5em;
	padding-left: 0em;
}
ul.circle {
	list-style: circle;
	margin-left: 1.5em;
	padding-left: 0em;
}
ul.square {
	list-style: square;
	margin-left: 1.5em;
	padding-left: 0em;
}

ol.decimal {
	list-style: decimal;
	margin-left: 1.5em;
	padding-left: 0em;
}
ol.l-roman {
	list-style: lower-roman;
	margin-left: 1.5em;
	padding-left: 0em;
}

/* image
---------------------------------------------------------------- */
.ver_mid {
	vertical-align: middle;
}
.icon_disc:before {
	display: inline-block;
	position: relative;
	top: .1em;
	content: "";
	width: 1em;
	height: 1em;
	margin-right: .2em;
	border-radius: .5em;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	background: #000;
}

/* float
---------------------------------------------------------------- */
.float_l {
	float: left;
}
.float_r {
	float: right;
}

/* border
---------------------------------------------------------------- */
.bd_solid {
	border-bottom: 1px solid #dbdbdb;
}
.bd_dot {
	border-bottom: 1px dotted #dbdbdb;
}


/* etc
---------------------------------------------------------------- */
@media screen and (min-width: 740px) {
	.show_pc { display: inherit; }
	.show_mb { display: none; }
}

@media screen and (max-width: 739px) {
	.show_pc { display: none; }
	.show_mb { display: inherit; }
}